litle.onclick = function () {
    document.getElementById('yincan').style.display = 'block';
}
// banner ul
var newlists = [{
    imgurl: './images/ia_100000005.jpg',
    new: 'b站产品运营技巧'
},
{
    imgurl: './images/ia_100000006.jpg',
    new: 'b站产品运营技巧'

},
{
    imgurl: './images/ia_100000007.jpg',
    new: 'b站产品运营技巧'

}]
var newlist = document.getElementById('right');
right.innerHTML = render(newlists)
function render(newlists) {
    var content = '';
    newlists.forEach(function (item, index) {
        content += '<li>' + '<img src="' + item.imgurl + '">' + '<p>' + item.new + '</p>' + '</li>';
    });
    return content
}
// 热门文章
var arr1s = [
    {
        img: './images/ia_100000027.jpg',
        content: 'APP推广全周期解决方案,从产品定位到效果...',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000028.png',
        content: 'APP推广全周期解决方案,从产品定位到效果...',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000029.jpg',
        content: 'APP推广全周期解决方案,从产品定位到效果...',
        time: '2019年1月16日'
    },
]
var arr1 = document.querySelector('.arr1')
arr1s.forEach(function (item, index) {
    arr1.innerHTML += `<li>
        <img src="${item.img}" alt="">
        <p class="content">${item.content}</p>
        <p class="time">${item.time}</p></li>`
})

var arr2s = [
    {
        img: './images/ia_100000031.jpg',
        content: '移动互联网2017年Q2夏季报告:移动生态流量...',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000032.jpg',
        content: '移动互联网2017年Q2夏季报告:移动生态流量...',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000033.jpg',
        content: '移动互联网2017年Q2夏季报告:移动生态流量...',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000034.jpg',
        content: '移动互联网2017年Q2夏季报告:移动生态流量...',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000035.jpg',
        content: '移动互联网2017年Q2夏季报告:移动生态流量...',
        time: '2019年1月16日'
    },
]
var arr2 = document.querySelector('.arr2')
arr2s.forEach(function (item, index) {
    arr2.innerHTML += `<li>
            <img src="${item.img}" alt="">
            <p class="content">${item.content}</p>
            <p class="time">${item.time}</p></li>`
})

var arr3s = [
    {
        img: './images/ia_100000781.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000782.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000783.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000784.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000785.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000786.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000787.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000788.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
    {
        img: './images/ia_100000789.jpg',
        content: '谈谈抖音、知乎等APP增粉那些事!',
        time: '2019年1月16日'
    },
]
var arr3 = document.querySelector('.arr3')
arr3s.forEach(function (item, index) {
    arr3.innerHTML += `<li>
        <img src="${item.img}" alt="">
        <p class="content">${item.content}</p>
        <p class="time">${item.time}</p></li>`
})
var arr4s = [
    {
        content: 'APP推广'
    },
    {
        content: 'ASO优化'
    },
    {
        content: 'ASO算法'
    },
    {
        content: 'IOS联系人'
    },
    {
        content: '产品经理'
    },
    {
        content: '产品运营'
    },
    {
        content: '人脉圈'
    },
    {
        content: '品牌营销'
    },
    {
        content: '安卓市场'
    },
    {
        content: '安卓联系人'
    },
    {
        content: '市场规则'
    },
    {
        content: '微信推广'
    },
    {
        content: '微信营销'
    },
    {
        content: '推广服务'
    },
    {
        content: '文案圈'
    },
    {
        content: '海外推广'
    },
    {
        content: '渠道推广'
    },
    {
        content: '游戏推广'
    },
    {
        content: '移动互联网'
    },
    {
        content: '站点地图'
    },
    {
        content: '线下推广'
    },
    {
        content: '职场攻略'
    },
    {
        content: '联系我们'
    },
    {
        content: '苹果竞价'
    },
    {
        content: '读好书'
    },
    {
        content: '起步营销'
    },
    {
        content: '运营工具'
    },
    {
        content: '青瓜推荐'
    },
    {
        content: '青瓜早报'
    },
    {
        content: '首发联系人'
    },
]
var arr4 = document.querySelector('.arr4')
arr4s.forEach(function (item, index) {
    arr4.innerHTML += `<li>
        ${item.content}</li>`
})
var arr5s = [
    {
        img: './images/ia_100000008.png',
        content: 'APP推广',

    },
    {
        img: './images/ia_100000009.png',
        content: '产品运营',

    },
    {
        img: './images/ia_100000010.png',
        content: '品牌直销',

    },
    {
        img: './images/ia_100000011.png',
        content: '文案圈',

    },
]
var arr5 = document.querySelector('.arr5')
arr5s.forEach(function (item, index) {
    arr5.innerHTML += `<li>
        <img src="${item.img}" alt="">
        <p class="content">${item.content}</p>
        </li>`
})
// 获取按钮的元素
var btn = document.querySelectorAll('.btnList');

// 获取下面选项卡的元素集合
// var con = document.getElementsByTagName('div'); 这个是获取页面中所有的div元素，指向获取class名为con的这个元素

// 通过class名来获取元素
var con = document.getElementsByClassName('con');

// 循环给按钮添加点击事件
for (var i = 0; i < btn.length; i++) {
    // 给每一个按钮添加一个idx的属性，并且赋值为 按钮的索引
    btn[i].idx = i;
    // 给每一个元素添加点击事件
    btn[i].onclick = function () {
        // 排他思想 
        // 把所有的按钮的active名去掉
        for (var j = 0; j < btn.length; j++) {
            // 用''来替换元素的所有class名 btnList也被替换掉了
            // btn[j].className = '';
            // 如果还想保留btnList，值去掉active
            btn[j].className = 'btnList';

            // 把下面所有的con 隐藏
            con[j].style.display = 'none';
            console.log(con[j]);
            
        }
        // 给当前点击的元素添加active，使用this来表示当前添加的这个元素
        this.className = 'btnList active';

        // 更改 con的状态
        // con[i].style.display = 'block';
        // 根据按钮的索引，拿到对应的con集合里面元素来显示
        con[this.idx].style.display = 'block';
        console.log(con[this.idx]);
        
    }
}
/* btn.forEach(function(item,index){
    item.onclick=function(e){
        for(var i=0;i<item.length;i++){
            if(e.target.){

            }
        }
        
    }
}) */
var arr6s=[
    {
        img: './images/ia_100000788.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000789.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000790.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000849.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000850.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000861.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000862.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000863.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000864.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000865.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000866.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000867.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000868.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000869.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000870.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    }
]
var arr6 = document.querySelector('.arr6')
arr6s.forEach(function (item, index) {
    arr6.innerHTML += `<li>
        <img src="${item.img}" alt="">
        <h2 class="title">${item.title}</h2>
        <p class="content">${item.p}</p>
        <p class="time">${item.time}</p>
        </li>
        <div class="xian"></div>`
})
var arr7s=[
    ,
    {
        img: './images/ia_100000789.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000790.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000849.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000850.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000861.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000862.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000863.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000864.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000865.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000866.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000867.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000868.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000869.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000870.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    }
]
var arr7 = document.querySelector('.arr7')
arr7s.forEach(function (item, index) {
    arr7.innerHTML += `<li>
        <img src="${item.img}" alt="">
        <h2 class="title">${item.title}</h2>
        <p class="content">${item.p}</p>
        <p class="time">${item.time}</p>
        </li>
        <div class="xian"></div>`
})
var arr8s=[
    {
        img: './images/ia_100000790.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000849.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000850.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000861.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000862.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000863.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000864.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000865.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000866.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000867.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000868.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000869.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000870.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    }
]
var arr8 = document.querySelector('.arr8')
arr8s.forEach(function (item, index) {
    arr8.innerHTML += `<li>
        <img src="${item.img}" alt="">
        <h2 class="title">${item.title}</h2>
        <p class="content">${item.p}</p>
        <p class="time">${item.time}</p>
        </li>
        <div class="xian"></div>`
})
var arr9s=[
    {
        img: './images/ia_100000849.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000850.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000861.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000862.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000863.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000864.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000865.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000866.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000867.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000868.jpg',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000869.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    },
    {
        img: './images/ia_100000870.png',
        title: '11月金融行业广告投放技巧!',
        p:'11月大促近在眼前,各行业广告主都在紧盯有限的投放流量,准备投入未来一个月的抢量“血拼"。金融行业如何在买量大战中闪转腾挪,以合适的成本争取到足量曝光?重点就在于... ',
        time:'50秒前 &nbsp;&nbsp;545'
    }
]
var arr9 = document.querySelector('.arr9')
arr9s.forEach(function (item, index) {
    arr9.innerHTML += `<li>
        <img src="${item.img}" alt="">
        <h2 class="title">${item.title}</h2>
        <p class="content">${item.p}</p>
        <p class="time">${item.time}</p>
        </li>
        <div class="xian"></div>`
})
